<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>智宝售后</title>
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/stype.css">
    <link rel="stylesheet" href="css/introduce.css">
    <script src="js/jquery-3.7.1.min.js"></script>
    <script src="js/bootstrap.bundle.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <!-- header//////////////////////////////// -->
    <div class="container-fluid cont-header" id="header"></div>
    <!-- header//////////////////////////////// -->

    <!-- part1 -->
    <div class="container-fluid part1">
        <div class="row part1-3">
            <div class="col-sm-3 p-3  text-white p2-box1">
    
            </div>
            <div class="col-sm-3 p-3  text-white p2-box2">
                <div class="container mt-3 p2-box2-1">
                    <p class="h1">打造数字化透明工厂<br>
                        就是这么简单!</p>
                    <p class="h3">一款超轻量生产管理小程序，<br>
                        敏捷管理生产、库存、设备等核心制造流程<br>
                        灵活适配工厂个性化管理模式<br>
                        上手仅需10分钟</p>
                    <a href="#" class="btn btn-info part1-1-btn" role="button">获取产品演示</a>
                </div>
            </div>

        </div>
        

        
    </div>
    <!-- part1 -->



    <!-- part2 -->
    <div class="container mt-3 part2">
        <!-- Nav pills -->
        <ul class="nav nav-pills p2-choose" role="tablist">
            <li class="nav-item">
                <a class="nav-link active" data-bs-toggle="pill" href="#home">工单自定义</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="pill" href="#menu1">快速任务派发</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="pill" href="#menu2">手机报工</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="pill" href="#menu3">生产进度查看</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="pill" href="#menu4">自动报表统计</a>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-bs-toggle="pill" href="#menu5">一站式管理驾驶舱</a>
            </li>
        </ul>
    
        <!-- Tab panes -->
        <div class="tab-content part2-1">
            <div id="home" class="container tab-pane active"><br>
                <h3>工单自定义</h3>
                <p>工单所需填写的内容可以自己设置想怎么管，就怎么管</p>
                <div class="container mt-3">
                    <img src="img/introduce/3.png" class="img-fluid">
                </div>
            </div>
            <div id="menu1" class="container tab-pane fade"><br>
                <h3>快速任务派发</h3>
                <p>点选产品、工艺路线，选择对应员工，2分钟搞定每日任务分配支持外协生产</p>
                <div class="container mt-3">
                    <img src="img/introduce/3.png" class="img-fluid">
                </div>
            </div>
            <div id="menu2" class="container tab-pane fade"><br>
                <h3>手机报工</h3>
                <p>点选工单，填写数量，提交报工无论计时计件，今天赚了多少钱，都能看见啦!</p>
                <div class="container mt-3">
                    <img src="img/introduce/4.png" class="img-fluid">
                </div>
            </div>
            <div id="menu3" class="container tab-pane fade"><br>
                <h3>生产进度查看</h3>
                <p>计划数、良品数、不良品数、延期、超产、完成深入到工序级的生产进度管理，还有比这更一目了然的吗?</p>
                <div class="container mt-3">
                    <img src="img/introduce/5.png" class="img-fluid">
                </div>
            </div>
            <div id="menu4" class="container tab-pane fade"><br>
                <h3>自动报表统计</h3>
                <p>工资报表、库存台账、设备维养报表、产量统计、不良品分布 关键生产经营数据，均可一键导出</p>
                <div class="container mt-3">
                    <img src="img/introduce/6.png" class="img-fluid">
                </div>
            </div>
            <div id="menu5" class="container tab-pane fade"><br>
                <h3>一站式管理驾驶舱</h3>
                <p>工单进度趋势，报工实时播报，员工绩效，延期预警，不良品分布随时随地掌控工厂全局，想看就看</p>
                <div class="container mt-3">
                    <img src="img/introduce/7.png" class="img-fluid">
                </div>
            </div>
        </div>
    </div>



    <!-- part3 ////////////////////////////////-->
    
    <div class="container part3">
        <p class="h1">你无法拒绝售后宝的8大理由</p>
        <div class="container part-big1">
                <div class="row part3-box1">
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-1.png" class="img-fluid">
                    </div>
                    <p class="h2">3小时线上极速部署</p>
                    <p class="h4">只需半天，工厂数字化立竿见影</p>
                </div>
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-2.png" class="img-fluid">
                    </div>
                    <p class="h2">小投入 低风险</p>
                    <p class="h4">普工一个月的工资，
                            免费升级及维护 </p>
                </div>
                
            </div>
            <div class="row part3-box2">
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-3.png" class="img-fluid">
                    </div>
                    <p class="h2">上手仅需10分钟</p>
                    <p class="h4">工人像用微信一样简单</p>
                </div>
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-4.png" class="img-fluid">
                    </div>
                    <p class="h2">持续免费升级</p>
                    <p class="h4">每月系统稳定更新，
                                天天都用最新版</p>
                </div>
            </div>
        </div>
        
        <div class="container part-big2">
            <div class="row part3-box3">
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-5.png" class="img-fluid">
                    </div>
                    <p class="h2">产品设计灵活</p>
                    <p class="h4">低代码模式，
                        适配工厂个性化生产流程</p>
                </div>
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-6.png" class="img-fluid">
                    </div>
                    <p class="h2">数据安全保密</p>
                    <p class="h4">数据云端加密存储，
                        异地灾备，杜绝泄密与丢失</p>
                </div>
                
            </div>
            <div class="row part3-box4">
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-7.png" class="img-fluid">
                    </div>
                    <p class="h2">业内领先技术支持</p>
                    <p class="h4">融合IoT, AI, 大数据
                        等技术保障性能及拓展能力 </p>
                </div>
                <div class="col p-3  text-white p3-box1">
                    <div class="container mt-3 p3-img1">
                        <img src="img/introduce/3-8.png" class="img-fluid">
                    </div>
                    <p class="h2">高可扩展性</p>
                    <p class="h4">标准API接口，
                        可与其他软件快速打通 </p>
                </div>
            </div>
        </div>
        
    </div>


     <!-- part4 ////////////////////////////////-->
    <div class="container-fluid part4">
        <div class="container part4-1">
            <h1>如果您进一步了解<br>
                我们的产品</h1>
            <a href="#" class="btn btn-info p4-bnt" role="button">联系我们</a>    
            
        </div>
        
    </div>



    
    <!-- footer/////////////////////////////// -->
    <div id="footer"></div>

    <!-- footer/////////////////////////////// -->


</body>
</html>